$(function() {
        // 调用getUserInfo()获取用户信息
        getUserInfo()
        var layer = layui.layer
            // 退出系统功能
        $("#btnLogOut").on('click', function() {
            //  提示用户是否确认退出
            layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function(index) {
                //do something
                // 清空本地存储的token
                localStorage.removeItem('token')
                    // 跳转到登录页面
                location.href = 'login.html'
                layer.close(index);
            });
        })
    })
    // 获取用户信息
function getUserInfo() {
    $.ajax({
        method: "GET",
        url: "/my/userinfo",
        // headers 就是请求头配置对象
        // headers: {
        //     Authorization: localStorage.getItem('token') || ''
        // },
        success: function(res) {
            if (res.status !== 0) {
                return layui.layer.msg('获取用户信息失败！')
            }
            //  调用 renderAvatar() 渲染用户头像
            renderAvatar(res.data)
        },
        // complete: function(res) {
        //     // console.log(res);
        //     // 从服务器拿到res.responseJSON
        //     if (res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败！') {
        //         // 强制清空token
        //         localStorage.removeItem('token')
        //             // 强制跳转到登录页
        //         location.href = 'login.html'
        //     }
        // }
    })
}
// 渲染用户的头像
function renderAvatar(user) {
    // 获取用的昵称
    var name = user.nickname || user.username
        // 设置欢迎文本
    $("#welcome").html('欢迎&nbsp;&nbsp;' + name)
        // 按需渲染用户头像
    if (user.user_pic !== null) {
        // 渲染图片头像
        $(".layui-nav-img").attr('src', user.user_pic).show()
        $(".text-avatar").hide()
    } else {
        // 渲染文字头像
        $(".layui-nav-img").hide()
        var first = name[0].toUpperCase()

        $(".text-avatar").html(first).show()
    }
}